<template>
  <div class="app-container">
    <el-tabs v-model="activeName" class="detail-tab" type="card">
      <el-tab-pane label="项目数量统计" name="first">
        <el-row :gutter="20">
          <el-col :span="24">
            <panel-group-for-prj></panel-group-for-prj>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
    <el-tabs v-model="activeName" class="detail-tab" type="card">
      <el-tab-pane label="项目开票统计" name="first">
        <el-row :gutter="20">
          <el-col :span="24">
            <panel-group-for-prj-invoise></panel-group-for-prj-invoise>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
    <el-tabs v-model="activeName" class="detail-tab" type="card">
      <el-tab-pane label="项目回款统计" name="first">
        <el-row :gutter="20">
          <el-col :span="24">
            <panel-group-for-prj-fund-back></panel-group-for-prj-fund-back>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>

  </div>
</template>

<script>

    import PanelGroupForPrj from "./module/project/PanelGroupForPrj";
    import PanelGroupForPrjFundBack from "./module/project/PanelGroupForPrjFundBack";
    import PanelGroupForPrjInvoise from "./module/project/PanelGroupForPrjInvoise";

    export default {
        title:"项目统计",
        name: "StatisticsForProject",
        components: {
            PanelGroupForPrj,
            PanelGroupForPrjFundBack,
            PanelGroupForPrjInvoise,
        },
        data() {
            return {
                activeName: "first",
            };
        },
        created() {

        },
        methods: {},

    }
</script>

<style scoped>

</style>
